New changes:
2889665 Fixes bug where InlineMenuWidget would "steal" DOM labels on selection
997e1a6 Increase width of toggle switch widget
2240802 Use less variable for travel distance
62efbdf Add disabled styling to InlineMenuWidget
93182d2 Promote zIndex of InlineMenuWidget options list
fc7143b Fix padding on icon in TextInputWidget
c9b6234 Add display: block; property to labelElement to make the text-overflow: ellipsis work correctly
e697490 Don't use transitions for opacity on hover for now
Change-Id: I457090c19e5e090185021f0b979277a42fe567de
}
.oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
}
.oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
- -webkit-transition: opacity 200ms;
- -moz-transition: opacity 200ms;
- -ms-transition: opacity 200ms;
- -o-transition: opacity 200ms;
- transition: opacity 200ms;
+ /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
+
+ /*.oo-ui-transition(opacity 200ms);*/
+
}
.oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:hover > .oo-ui-iconedElement-icon,
}
.oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:hover > .oo-ui-iconedElement-icon,
background-color: #a7dcff;
}
background-color: #a7dcff;
}
+.oo-ui-optionWidget.oo-ui-widget-disabled {
+ color: #ccc;
+}
+
.oo-ui-menuWidget {
margin-top: -1px;
background: #fff;
.oo-ui-menuWidget {
margin-top: -1px;
background: #fff;
+.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
+ color: #ccc;
+ text-shadow: 0 1px 1px #fff;
+ background-color: #f3f3f3;
+ border-color: #ddd;
+}
+
+.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
+ opacity: 0.2;
+}
+
.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted {
background-color: #e1f3ff;
}
.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted {
background-color: #e1f3ff;
}
transition: border-color 200ms, box-shadow 200ms;
}
transition: border-color 200ms, box-shadow 200ms;
}
+.oo-ui-textInputWidget-decorated input,
+.oo-ui-textInputWidget-decorated textarea {
+ padding-left: 2em;
+}
+
+.oo-ui-textInputWidget-icon {
+ width: 2em;
+}
+
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
border-color: #a7dcff;
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
border-color: #a7dcff;
- * OOjs UI v0.1.0-pre (1c7875205a)
+ * OOjs UI v0.1.0-pre (e697490c9b)
* https://www.mediawiki.org/wiki/OOjs_UI
*
* Copyright 2011–2014 OOjs Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
* https://www.mediawiki.org/wiki/OOjs_UI
*
* Copyright 2011–2014 OOjs Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
- * Date: Wed Mar 26 2014 09:53:51 GMT-0700 (PDT)
+ * Date: Wed Mar 26 2014 17:40:12 GMT-0700 (PDT)
* @param {OO.ui.MenuItemWidget} item Selected menu item
*/
OO.ui.InlineMenuWidget.prototype.onMenuSelect = function ( item ) {
* @param {OO.ui.MenuItemWidget} item Selected menu item
*/
OO.ui.InlineMenuWidget.prototype.onMenuSelect = function ( item ) {
- this.setLabel( item.getLabel() );
+ var selectedLabel = item.getLabel();
+
+ // If the label is a DOM element, clone it, because setLabel will append() it
+ if ( selectedLabel instanceof jQuery ) {
+ selectedLabel = selectedLabel.clone();
+ }
+
+ this.setLabel( selectedLabel );
- * OOjs UI v0.1.0-pre (1c7875205a)
+ * OOjs UI v0.1.0-pre (e697490c9b)
* https://www.mediawiki.org/wiki/OOjs_UI
*
* Copyright 2011–2014 OOjs Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
* https://www.mediawiki.org/wiki/OOjs_UI
*
* Copyright 2011–2014 OOjs Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
- * Date: Wed Mar 26 2014 09:53:51 GMT-0700 (PDT)
+ * Date: Wed Mar 26 2014 17:40:12 GMT-0700 (PDT)
}
.oo-ui-optionWidget .oo-ui-labeledElement-label {
}
.oo-ui-optionWidget .oo-ui-labeledElement-label {
overflow: hidden;
line-height: 1.5em;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.5em;
text-overflow: ellipsis;
}
.oo-ui-inlineMenuWidget .oo-ui-menuWidget {
}
.oo-ui-inlineMenuWidget .oo-ui-menuWidget {
+.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
+ cursor: default;
+}
+
.oo-ui-menuItemWidget {
position: relative;
}
.oo-ui-menuItemWidget {
position: relative;
}
-.oo-ui-textInputWidget-decorated input,
-.oo-ui-textInputWidget-decorated textarea {
- padding-left: 2em;
-}
-
.oo-ui-textInputWidget-icon {
position: absolute;
top: 0;
left: 0;
.oo-ui-textInputWidget-icon {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-position: right center;
background-repeat: no-repeat;
height: 100%;
background-position: right center;
background-repeat: no-repeat;
.oo-ui-toggleSwitchWidget {
position: relative;
display: inline-block;
.oo-ui-toggleSwitchWidget {
position: relative;
display: inline-block;
height: 2em;
overflow: hidden;
vertical-align: middle;
height: 2em;
overflow: hidden;
vertical-align: middle;
}
.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
}
.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {